<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
	<title>积分商品</title>
	<script src="https://tcsc.oss-cn-hangzhou.aliyuncs.com/static/wechat/frame/mui/js/mui.min.js"></script>
	<link href="https://tcsc.oss-cn-hangzhou.aliyuncs.com/static/wechat/frame/mui/css/mui.min.css" rel="stylesheet" />
	<link href="https://tcsc.oss-cn-hangzhou.aliyuncs.com/static/wechat/css/other/all.css" rel="stylesheet" />
	<link href="https://tcsc.oss-cn-hangzhou.aliyuncs.com/static/wechat/css/other/app.css?v=" rel="stylesheet" />
	<link href="https://tcsc.oss-cn-hangzhou.aliyuncs.com/static/wechat/css/app.css" rel="stylesheet" />
	<link href="https://tcsc.oss-cn-hangzhou.aliyuncs.com/static/wechat/font/iconfont.css" rel="stylesheet" />
	<link rel="stylesheet" href="https://tcsc.oss-cn-hangzhou.aliyuncs.com/static/wechat/frame/sui/css/SUI.css">
</head>
<style type="text/css">
	.prdCont img{width: 100% !important;height: auto !important;}
	.intePrd dl.prdHd dt {
	    width: 100%;
	    height: 100vw !important
	}
	.intePrd div.prdCont {
    margin-top: 10px;
    background-color: #fff;
     border-bottom: 0;
    border-top: 1px solid #eee;
}
</style>
<body class="intePrd">
	<dl class="prdHd">
		<dt class="suiBgImg" style="background-image: url({{.product.pathname}});"></dt>
		<dd>
			<p>{{.product.title}}</p>
			<p>{{.product.design}}</p>
			<p>{{.product.integral}}<span>积分</span></p>
		</dd>
	</dl>
	<div class="prdCont">
		<p>商品介绍</p>
		<div>
			{{if .product.content}}
			{{str2html .product.content}}
			{{end}}
		</div>
	</div>
<!-- 	<div class="prdRcmd">
		<p>为你推荐</p>
		<div>
			<dl>
				<dt class="suiBgImg" style="background-image: url(../img/index/prd.jpg);"></dt>
				<dd>
					<p>标题标题标题标题标</p>
					<p>399<span>积分</span></p>
				</dd>
			</dl>
			<dl>
				<dt class="suiBgImg" style="background-image: url(../img/index/prd.jpg);"></dt>
				<dd>
					<p>标题标题标题</p>
					<p>399<span>积分</span></p>
				</dd>
			</dl>
			<dl>
				<dt class="suiBgImg" style="background-image: url(../img/index/prd.jpg);"></dt>
				<dd>
					<p>标题标题标题</p>
					<p>399<span>积分</span></p>
				</dd>
			</dl>
			<dl>
				<dt class="suiBgImg" style="background-image: url(../img/index/prd.jpg);"></dt>
				<dd>
					<p>标题标题标题标题标题标题标题标题标题标题标题标题标题标题标题标题标题</p>
					<p>399<span>积分</span></p>
				</dd>
			</dl>
			<dl>
				<dt class="suiBgImg" style="background-image: url(../img/index/prd.jpg);"></dt>
				<dd>
					<p>标题标题标题标题标题标题标题标题标题标题标题标题标题标题标题标题标题</p>
					<p>399<span>积分</span></p>
				</dd>
			</dl>
			<dl>
				<dt class="suiBgImg" style="background-image: url(../img/index/prd.jpg);"></dt>
				<dd>
					<p>标题标题标题标题</p>
					<p>399<span>积分</span></p>
				</dd>
			</dl>
		</div>
	</div> -->
		<button id="get">立即兑换</button>
</body>
</html>
<script type="text/javascript" src="https://tcsc.oss-cn-hangzhou.aliyuncs.com/static/wechat/frame/sui/js/SUI.js"></script>
{{template "wechat/public/share.html" .}}
<script type="text/javascript">
	document.getElementById('get').addEventListener('tap',function(){
		mui.confirm("您确定要兑换码?","提示",function(res){
			if(res.index){
				mui.ajax(window.location.href,{
					type:'post',
					success:function(res){
						if(res==1){
							mui.toast("兑换成功~")
						}else if(res==0){
							mui.toast("网络繁忙,请重试~")
						}else if(res==2){
							mui.toast("该物品已售罄")
						}else if(res==3){
							mui.toast("积分不足")
						}
					}
				})
			}
		})
	})
</script>